<!DOCTYPE html>
<html>
    <head>	
        <meta charset="utf-8" />
        <title>	{% block title %}{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        {% block css %} {% endblock %}
        <script type="text/javascript" src="/static/js/jquery.js"></script>
        <script type="text/javascript" src="/static/js/jquery-ui.js"></script>
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css" type="text/css" />
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap-responsive.min.css" type="text/css" />
        <link rel="stylesheet" href="/static/css/hotel.css" type="text/css" />
        <link rel="stylesheet" href="/static/css/hotel-responsive.css" type="text/css" />
        <link rel="stylesheet" href="/static/css/socialcount-with-icons.css" type="text/css" media="screen" />
        {% block js %}{% endblock %}
    </head>
    <body>	
        <div class="container-fluid">
            <div class="row"><!-- start header -->
                <div class="span5 logo">
                    <a href="{% url 'index' %}">
                        <div class="row">
                            <div class="span3 logo">
                                <h1>Bootstrap<span>Hotel</span></h1>
                                <p>&#9733;&#9733;&#9733;&#9733;&#9733;</p>
                            </div>
                        </div>
                    </a>
                </div>		
                <div class="span6 pull-right main_menu">
                    <div class="navbar">
                        <div class="container">
                            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </a>

                            <div class="nav-collapse">
                                <ul class="nav nav-pills">
                                    <li {% if request.path == '/myhotel/' %} class="active"{% endif %}><a href="{% url 'index' %}">Home</a></li>
                                    {% if user.is_anonymous %}
                                        <li {% if request.path == '/myhotel/login/' %} class="active"{% endif %}><a href="{% url 'login' %}">Login</a></li>
                                        <li {% if request.path == '/myhotel/register/' %} class="active"{% endif %}><a href="{% url 'register' %}">Register</a></li>
                                    {% else %}
                                        <li><a href="{% url 'django.contrib.auth.views.logout' %}">logout</a></li>
                                    {% endif %}
                                </ul>
                            </div><!-- /.nav-collapse -->
                        </div>
                    </div><!-- /navbar -->
                </div>
            </div><!-- end header -->
            {% block content %} {% endblock %}
        </div><!-- end Container -->

        <footer>
            <div class="container">
                <div class="row footer_section_pre">
                    <div class="span4">
                        <h4>Bootstrap Hotel<span class="line"></span></h4>

                        <p>2247 Copperhead Road, Hartford, CT 06103</p>
                        <p>Tel: +860-631-7795<br />Fax: +860-631-7796  <br />Email: admin@appsarea.com  </p>

                        <ul data-facebook-action="recommend" data-url="#" class="socialcount socialcount-small recommend grade-a">
                            <li class="facebook"><a title="Share on Facebook" href="https://www.facebook.com/sharer/sharer.php?u=#"><span class="social-icon icon-facebook"></span><span class="count"></span></a></li>
                            <li class="twitter"><a title="Share on Twitter" href="https://twitter.com/intent/tweet?text=#"><span class="social-icon icon-twitter"></span><span class="count"></span></a></li>
                            <li class="googleplus"><a title="Share on Google Plus" href="https://plus.appsarea.com/share?url=#"><span class="social-icon icon-googleplus"></span><span class="count"></span></a></li>
                        </ul>
                        <br />
                        <p class="copy">All content &copy; 2013 <a href="http://appsarea.com/">AppsArea</a></p>

                    </div>
                    <div class="span3">
                        
                    </div>
                    <div class="span4">
                        <h4>Sponsors<span class="line"></span></h4>
                        <ul class="thumbnails">
                            <li class="span2">
                                <div class="thumbnail">
                                    <img src="/static/css/images/airlines/virgin4.gif" alt="" />
                                </div>
                            </li>				
                            <li class="span2">
                                <div class="thumbnail">
                                    <img src="/static/css/images/airlines/ba2.gif" alt="" />
                                </div>
                            </li>				
                            <li class="span2">
                                <div class="thumbnail">
                                    <img src="/static/css/images/airlines/delta3.gif" alt="" />
                                </div>
                            </li>										
                            <li class="span2">
                                <div class="thumbnail">
                                    <img src="/static/css/images/airlines/ac_white.jpg" alt="" />
                                </div>
                            </li>


                        </ul>
                    </div>
                </div>

            </div>
        </footer>
    </body>
</html>
